<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/fullPageLayout.xhtml">
	<ui:define name="title">Dashboard</ui:define>
	<ui:define name="content">
		<h:form>
			<p:growl id="growl" showDetail="true" />

			<p:dashboard id="board" model="#{dashboardBean.model}"
				reorderListener="#{dashboardBean.handleReorder}"
				onReorderUpdate="growl">

				<p:panel columns="3" id="clientes" header="Clientes">
					<h:outputText value="Cantidad de Clientes registrados : 187" />
				</p:panel>

				<p:panel columns="3" id="empleados" header="Empleados">
					<h:outputText value="Cantidad de empleados registrados : 2" />
				</p:panel>

				<p:panel columns="3" id="facturasSC" header="Facturas sin cobrar">
					<h:outputText value="Cantidad de Facturas sin cobrar : 6" />
					<br />
					<h:outputText value="Cantidad de Facturas para cobrar hoy : 2" />
				</p:panel>


				<p:panel columns="3" id="pedidosIP" header="Pedidos en proceso">
					<h:outputText value="Pedidos en progreso : 2" />
					<br />
					<h:outputText value="Pedidos pendientes : 5" />
					<br />
					<h:outputText value="Pedidos Finalizados : 1" />
				</p:panel>
			</p:dashboard>

			<div style="clear: both" />

			<p:separator />

			<h3>More widgets to add</h3>
			<p>Draggable component has exclusive support to connect with
				dashboards</p>
				<h:panelGrid columns="3">
					<p:panel id="pie" header="Diagrama de Torta" footer="Ventas por Cliente">
						<p:pieChart model="#{chartBean.model}" style="pieChartStyle" />
					</p:panel>
					<p:draggable for="pie" dashboard="board" ghost="true" />
				</h:panelGrid>
		</h:form>
	</ui:define>
</ui:composition>

</html>